﻿


#nav_H_slideWrap {
    width: 1380px;
    height: 568px;
    background: #F8F8F8;
}

#gameLink {
    line-height: 50px;
    height: 50px;
    font-size: 14px;
    text-indent: 20px;
    margin-right: -2px;
}

    #gameLink a {
        padding: 0px 10px;
        border-right: 1px #ccc solid;
    }

        #gameLink a:hover, #gameLink a.active {
            color: #FCC052;
        }





/* 本例子css */
#ifocus {
    width: 1380px;
    height: 500px;
    background: #F8F8F8;
}

#ifocus_pic {
    display: inline-block;
    position: relative;
    float: left;
    width: 1135px;
    height: 490px;
    overflow: hidden;
}

#ifocus_piclist li {
    width: 100%;
    height: 490px;
    overflow: hidden;
}

#ifocus_piclist img {
    width: 100%;
    height: 400px;
}

#ifocus_btn {
    display: inline;
    float: left;
    width: 208px;
    height: 490px;
    background: url(../images/03/borderSyle.png) no-repeat;
    margin: 0px 12px;
}

    #ifocus_btn > div {
    }

    #ifocus_btn .one, #ifocus_btn .three {
        height: 22px;
        width: 60px;
        background: url(../images/icon.png) no-repeat;
        background-position: -5px -753px;
        margin-top: -4px;
        cursor: pointer;
    }

    #ifocus_btn .three {
        margin-top: 0px;
        background-position: -5px -788px;
    }


    #ifocus_btn .two {
        width: 145px;
        height: 450px;
    }

        #ifocus_btn .two ul {
            display: block;
            width: 145px;
            height: 460px;
            margin-top: 5px;
        }

   #ifocus_btn .two li {
        width: 141px;
        height: 100px;
        margin-bottom: 10px;
        cursor: pointer;
        filter: alpha(opacity=50);
        border: 2px #f8f8f8 solid;
    }

        #ifocus_btn .two li:hover {
            border: 2px #FCC052 solid;
        }

       #ifocus_btn .two li.on {
            border: 2px #FCC052 solid;
        }

    #ifocus_btn .two img {
        width: 100%;
        height: 100%;
    }

   #ifocus_btn .two .on {
        background: url(images/ifocus_btn_bg.gif) no-repeat;
        filter: alpha(opacity=100);
    }



#ifocus_pic .gameTitle {
    height: 44px;
    line-height: 44px;
    font-size: 26px;
    border-bottom: 1px #ccc solid;
    margin-top: 10px;
    overflow: hidden;
}

#ifocus_pic .gameDesc {
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    overflow: hidden;
}

#ifocus_pic a {
    color: #808080;
}



#videoMultiSilderWrap {
    width: 1380px;
    height: auto;
}

.video_one_hd {
    width: 1380px;
    line-height: 40px;
    height: 40px;
    background-color: black;
    overflow: hidden;
}


.video_one_hd a
{
    color: white;
}


.video_one_hd a:hover
{
    color: #FCC052;
}


.video_one_bd {
    width: 1380px;
    background-color: #F8F8F8;
    height: auto;
}



.video_one_hd ul li {
    float: left;
    line-height: 40px;
    height: 40px;
    font-size: 17px;
    text-align: center;
    padding: 0px 17px;
    color: white;
    cursor: pointer;
}

.video_one_hd ul {
    display: inline-block;
    width: 1320px;
    height: auto;
}

.video_one_hd .slideToggle {
        display: inline-block;
    width: 51px;
    height: 20px;
    background: url(../images/icon.png) no-repeat;
    background-position-y: -670px;
    background-color: black;
    cursor: pointer;
    vertical-align: top;
    margin-top: 12px;
}

.video_one_hd .up {
     background-position-y: -710px;
}



.video_one_hd ul li:hover a {
    color:#FCC052 ;
}

.video_one_hd ul li.on {
    color: #FCC052;
    background-color: white;
}

.video_one_hd ul li.on a {
    color: #FCC052;
}




/*.video_one_hd ul li.on > i {
    position: relative;
    bottom: 0px;
    width:0; 
    height:0; 
    display: block;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid #0e0e0e;
}


.video_one_hd ul li:hover > i {
    position: relative;
    bottom: 0px;
    width:0; 
    height:0; 
    display: block;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid #0e0e0e;
}*/


.inner_hd ul li {
    float: left;
    line-height: 30px;
    height: 30px;
    font-size: 17px;
    text-align: center;
    padding: 0px 17px;
    color: white;
    cursor: pointer;
    color: black;
    border-radius: 6px;
    margin: 0px 6px;
}

    .inner_hd ul li a {
        color: #0e0e0e;
    }

.inner_hd ul {
    display: inline-block;
    margin-left: 22px;
    margin-top: 30px;
}

    .inner_hd ul li:hover {
        background-color: #FCC052;
    }

    .inner_hd ul li.active {
        background-color: #FCC052;
    }


.video_one_bd {
    margin-top: 20px;
}

    .video_one_bd .imgContainerEach {
        float: left;
        width: 210px;
        height: 156px;
        margin: 33px;
    }
    
    
         .video_one_bd .imgContainerEach .toPlayerDiv {
            width: 210px;
            height: 120px;
            display: block;
            overflow: hidden;
        }
    

         .video_one_bd .imgContainerEach .toPlayerDiv>img {
            width: 210px;
            height: 120px;
            display: block;
            overflow: hidden;
        }

        .video_one_bd .imgContainerEach .titile_top {
            line-height: 34px;
            height: 34px;
            font-size: 18px;
            font-weight: bold;
            overflow: hidden;
        }

        .video_one_bd .imgContainerEach .titile_bottom {
            line-height: 20px;
            height: 20px;
            font-size: 13px;
        }



            .video_one_bd .imgContainerEach .titile_bottom .titile_bottom_left {
                float: left;
                width: 100px;
                line-height: 20px;
            }

                .video_one_bd .imgContainerEach .titile_bottom .titile_bottom_left .count {
                    text-indent: 6px;
                    display: inline-block;
                }

            .video_one_bd .imgContainerEach .titile_bottom .titile_bottom_right {
                float: right;
                width: 100px;
                text-align: right;
            }


